<template>
  <div class="guide121">
    <div class="fanhuiljy10" @click="ljy10">
      <van-icon name="arrow-left"></van-icon>
    </div>
<!--    标题-->
    <div class="title1">
        <font>{{ $t('user') }}</font>
    </div>
<!--    计价规则-->
    <div class="jijia" @click="jijia()">
        <div class="jijia1">
          <font>{{ $t('count') }}</font>
        </div>

    </div>
<!--    乘客遗失物品-->
    <div class="passenger" @click="yishi">
        <div class="passenger1">
          <font>{{ $t('lose') }}</font>
        </div>

    </div>
<!--    乘客取消订单-->
    <div class="cancel" @click="quxiao">
        <div class="cancel1">
          <font>{{ $t('userCancel') }}</font>
        </div>

    </div>
<!--    司机取消订单-->
    <div class="driver" @click="quxiao2">
        <div class="driver1">
          <font>{{ $t('driverCancel') }}</font>
        </div>

    </div>
<!--    订单投诉-->
    <div class="complaint" @click="tousu">
        <div class="complaint1">
          <font>{{ $t('complaints') }}</font>
        </div>

    </div>
<!--    联系不上对方怎么办-->
    <div class="contact" @click="lianxi">
        <div class="contact1">
          <font>{{ $t('contact') }}</font>
        </div>

    </div>
<!--    什么情况无法发布订单-->
    <div class="something" @click="fabu">
        <div class="something1">
          <font>{{ $t('failed') }}</font>
        </div>
<!--        <div class="fuhao7">-->
<!--          <van-icon name="arrow" />-->
<!--        </div>-->
    </div>
<!--    安全功能-->
    <div class="safe" @click="anquan">
      <div class="safe1">
          <font>{{ $t('safe') }}</font>
        </div>
<!--      <div class="fuhao8">-->
<!--          <van-icon name="arrow" />-->
<!--        </div>-->
    </div>
<!--    发票与收据-->
    <div class="receipt" @click="fapiao">
      <div class="receipt1">
          <font>{{ $t('invoice') }}</font>
        </div>

    </div>
    <BottomPanel/>
  </div>
</template>

<script>
import BottomPanel from "@/views/bottomPanel.vue";
export default {
  components: {BottomPanel},
  methods: {
    jijia(){
      this.$router.push({path: '/jijia'})
    },
    yishi(){
      this.$router.push({path: '/yishi'})
    },
    quxiao(){
      this.$router.push({path: '/quxiao'})
    },
    quxiao2(){
      this.$router.push({path: '/quxiao2'})
    },
    tousu(){
      this.$router.push({path: '/tousu'})
    },
    lianxi(){
      this.$router.push({path: '/lianxi'})
    },
    fabu(){
      this.$router.push({path: '/fabu'})
    },
    anquan(){
      this.$router.push({path: '/anquan'})
    },
    fapiao(){
      this.$router.push({path: '/fapiao'})
    },
    ljy10(){
      this.$router.push({path: '/personalHome'})
    }
}

}
</script>


<style>
.title1{
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: darkgray 1px dashed;

}
.jijia{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.jijia1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}
.passenger{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.passenger1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}

.cancel{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.cancel1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}

.driver{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.driver1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}

.complaint{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.complaint1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}

.contact{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.contact1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}

.something{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.something1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}

.safe{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.safe1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}

.receipt{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-bottom: darkgray 1px dashed;
}
.receipt1{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
}

.guide121{
  width: 100%;
  height: 100vh;
}
.fanhuiljy10{
  height: 20px;
  line-height: 20px;
}
</style>